@import "common/_common";

.login_header {
  width:1130px;
  margin:0 auto;
  .login_logo {
    width:200px;
    height:98px;
    img {
      width:100%;
    }
  }
}
.login_center_all {
  width:100%;
  background-color:#15222b;
  .login_center {
    width:1130px;
    background: url("../img/login/banner.jpg") no-repeat left bottom #15222b;
    margin: 0 auto;
    padding: 40px 0;
    .login_form {
      width: 400px;
      min-height:524px;
      background-color: #fff;
      margin: 0 0 0 auto;
      position: relative;
      .login_nav {
        padding: 27px 0 24px;
        text-align: center;
        font-size: 24px;
        color: #666;
        .line {
          width: 1px;
          height: 24px;
          margin: 0 35px 0 42px;
        }
        label {
          span {
            display: inline-block;
            text-align: center;
            &:hover {
              color:#f56600;
              cursor: pointer;
            }
          }
        }
      }
      .account_div {
        width:85%;
        margin: 0 auto;
        input {
          width: 100%;
          padding: 13px 16px 13px 14px;
          margin-bottom: 14px;
        }
        input[type="submit"]{
          width: 100%;
          height: 50px;
          display: block;
          margin-bottom: 14px;
          text-align: center;
          font-size: 18px;
          color: #fff;
          cursor: pointer;
          background-color: #f56600;
      }
        .other_operation {
          text-align: center;
          a {
            padding: 0 9px;
            font-size: 14px;
            color: #999;
            &:hover {
              color:#f56600;;
            }
          }
          span{
            font-size: 14px;
            display: inline-block;
            color:#999;
          }
        }
        .other_login {
          width:85%;
          margin: 0 auto;
          position: absolute;
          bottom:25px;
          .fiel_line {
            border-top:1px solid #bbb;
            color:#bbb;
            font-size: 14px;
            padding-bottom:10px;
          }
          .login_icon {
            text-align: center;
            i {
              width:30px;
              height:30px;
              margin: 0 17px;
              line-height:30px;
              display: inline-block;
              background-color:#666;
              border-radius:50%;
              color:#ffffff;
              vertical-align: middle;
              font-size:22px;
              &:hover {
                background-color:#0288d1;
                cursor: pointer;
              }
            }
          }
        }
      }
      .code_div {
        .code {
          width:180px;
          height:180px;
          margin: 78px auto 0;
          margin-bottom:14px;
          img {
            margin:0 auto;
          }
        }
        p {
          text-align: center;
          font-size:14px;
          span {
            padding: 0 5px;
            color: #ff6700;
          }
        }
      }
      #choose1,#choose2 {
        display: none;
      }
      #choose1:checked ~ .account_div {
        display: block;
      }
      #choose1:checked ~ .login_nav .account_nav  {
        color:#f56600;
      }
      #choose1:checked ~ .code_div {
        display: none;
      }
      #choose1:checked ~ .login_nav .code_nav  {
        color:#666;
      }
      #choose2:checked ~ .code_div {
        display: block;
      }
      #choose2:checked ~ .login_nav .account_nav  {
        color:#666;
      }
      #choose2:checked ~ .account_div {
        display: none;
      }
      #choose2:checked ~ .login_nav .code_nav  {
        color:#f56600;
      }
    }
  }
}
.login_footer{
  text-align: center;
  padding-top:60px;
  padding-bottom:20px;
  ul {
    li {
      display: inline-block;
      a {
        font-size:12px;
        color: #757575;
        padding: 0 10px;
      }
    }
    span {
      display: inline-block;
      color: #757575;
      font-size:12px;
    }
  }
  p {
    font-size:12px;
    color: #757575;
    padding:10px;
    a {
      color: #757575;
    }
  }
}
